/* CSS file */
Application
{
	backgroundColor:#fbf6e1;
	borderSkin: ClassReference("assets.skins.ApplicationSkin");
	background-repeat:repeat-x;
	background-image: Embed(source='assets/images/application_bg.png');
	color: #ffffff;
	fontSize: 12;
	themeColor:#2e2821;
	disabled-color: #656361;
	font-sharpness: 100;
	font-thickness: -100;
}
Panel
{
	background-color: #3e3e3e;
	border-color: #22201e;
	header-height:60;
	border-alpha: 1;
	corner-radius: 10;
	dropShadowStyleName: panelDropShadow;
	border-skin: ClassReference("assets.skins.SmartPanelSkin");
	dropShadowEnabled: false;
	title-style-name: headerStyle;
	headerSkin: ClassReference("assets.skins.HeaderSkin");
}
.panelDropShadow
{
	distance:5;
	size:28;
	alpha:0.7;
}
.headerStyle
{
	text-align:center;
	font-size: 15;
	fontFamily:"Century Gothic";
	border-skin: Embed(source='assets/images/header_bg.png', scaleGridLeft=20, scaleGridRight=200, scaleGridTop=40,scaleGridBottom=42);
}

Spinner
{
	tickColor: #ffffff;
}

HRule, VRule
{
	strokeColor: #65605d;
	shadowColor: #222222;
}

.HRuleRenderer
{
	strokeColor: #434343;
	shadowColor: #222222;
}

ScrollBar{
	trackSkin: Embed(source='assets/images/track.png', scaleGridLeft=6, scaleGridRight=7, scaleGridTop=26,scaleGridBottom=330);
	thumbUpSkin:Embed(source='assets/images/thumb_up.png', scaleGridLeft=8, scaleGridRight=9, scaleGridTop=8,scaleGridBottom=120);
	thumbOverSkin:Embed(source='assets/images/thumb_over.png', scaleGridLeft=8, scaleGridRight=9, scaleGridTop=8,scaleGridBottom=120);
	thumbDownSkin:Embed(source='assets/images/thumb_over.png', scaleGridLeft=8, scaleGridRight=9, scaleGridTop=8,scaleGridBottom=120); 
	upArrowUpSkin:Embed(source='assets/images/top_arrow_up.png');
	upArrowDownSkin:Embed(source='assets/images/top_arrow_over.png');
	upArrowOverSkin:Embed(source='assets/images/top_arrow_over.png');
	downArrowUpSkin:Embed(source='assets/images/bottom_arrow_up.png');
	downArrowDownSkin:Embed(source='assets/images/bottom_arrow_over.png');
	downArrowOverSkin:Embed(source='assets/images/bottom_arrow_over.png'); 
}

ToggleButtonBar
{
	buttonStyleName: buttonStyleName;
}
.buttonStyleName
{
	upSkin:Embed(source='assets/images/menuBar_bg.png',scaleGridLeft=7, scaleGridRight=8, scaleGridTop=11,scaleGridBottom=12);
	downSkin:Embed(source='assets/images/menuBar_itemOver.png', scaleGridLeft=8, scaleGridRight=9, scaleGridTop=11,scaleGridBottom=12);
	overSkin:Embed(source='assets/images/menuBar_itemOver.png', scaleGridLeft=8, scaleGridRight=9, scaleGridTop=11,scaleGridBottom=12);
	selectedUpSkin:Embed(source='assets/images/button_bar_selected.png', scaleGridLeft=5, scaleGridRight=6, scaleGridTop=11,scaleGridBottom=12);
	selectedOverSkin:Embed(source='assets/images/button_bar_selected.png', scaleGridLeft=5, scaleGridRight=6, scaleGridTop=11,scaleGridBottom=12);
	selectedDownSkin:Embed(source='assets/images/button_bar_selected.png', scaleGridLeft=5, scaleGridRight=6, scaleGridTop=11,scaleGridBottom=12);
	font-weight: normal;
	selectionColor:#2e2821;
	rollOverColor:#2e2821;
	textRollOverColor:#ffffff;
	textSelectedColor:#ffffff; 
	textRollOverColor:#eeeeee;
	color: #ffffff;
	font-size:12;
}

 TabBar
{
	tabStyleName: tabStyle;
	background-color: #3e3e3e;
}
.tabStyle {
    upSkin:Embed(source='assets/images/tab.png', scaleGridLeft=10, scaleGridRight=96, scaleGridTop=15, scaleGridBottom=16);
    downSkin:Embed(source='assets/images/tab_selected.png', scaleGridLeft=10, scaleGridRight=96, scaleGridTop=15,scaleGridBottom=16);
    overSkin:Embed(source='assets/images/tab_selected.png', scaleGridLeft=10, scaleGridRight=96, scaleGridTop=15,scaleGridBottom=16);
    disabledSkin: Embed(source='assets/images/tab_disabled.png', scaleGridLeft=10, scaleGridRight=96, scaleGridTop=15,scaleGridBottom=16);
    selectedUpSkin: Embed(source='assets/images/tab_selected.png', scaleGridLeft=10, scaleGridRight=96, scaleGridTop=15,scaleGridBottom=16);
    selectedOverSkin:Embed(source='assets/images/tab_selected.png', scaleGridLeft=10, scaleGridRight=96, scaleGridTop=15,scaleGridBottom=16);
    color:#444444;
    font-size: 11;
}
TabNavigator
{
	background-color: #2b2a2a;
	border-color: #555555;
}
Button
{
	upSkin:Embed(source='assets/images/button_up.png', scaleGridLeft=10, scaleGridRight=96, scaleGridTop=15, scaleGridBottom=16);
	downSkin:Embed(source='assets/images/button_up.png', scaleGridLeft=10, scaleGridRight=96, scaleGridTop=15,scaleGridBottom=16);
	overSkin:Embed(source='assets/images/button_over.png', scaleGridLeft=10, scaleGridRight=96, scaleGridTop=15,scaleGridBottom=16);
	disabledSkin: Embed(source='assets/images/button_disabled.png', scaleGridLeft=10, scaleGridRight=96, scaleGridTop=15,scaleGridBottom=16);
	color:#444444;
	font-size: 11;
}
LinkButton
{
	color: #ffffff;
	roll-over-color: #555555;
	textRollOverColor:#eeeeee;
}
CheckBox
{
	upIcon: Embed(source='assets/images/CheckBox_upIcon.png');
	downIcon:Embed(source='assets/images/CheckBox_downIcon.png');
	overIcon:Embed(source='assets/images/CheckBox_overIcon.png');
	selectedUpIcon:Embed(source='assets/images/CheckBox_selectedUpIcon.png');
	selectedOverIcon:Embed(source='assets/images/CheckBox_selectedDownIcon.png');
	selectedDownIcon:Embed(source='assets/images/CheckBox_selectedOverIcon.png');
	disabledIcon:Embed(source='assets/images/CheckBox_selectedDisabledIcon.png');
	selectedDisabledIcon:Embed(source='assets/images/CheckBox_disabledIcon.png');
	textRollOverColor:#dddddd;
	textSelectedColor:#aaaaaa;
	color: #ffffff;
}

RadioButton
{
	upIcon: Embed(source='assets/images/RadioButton_upIcon.png');
	downIcon:Embed(source='assets/images/RadioButton_downIcon.png');
	overIcon:Embed(source='assets/images/RadioButton_overIcon.png');
	selectedUpIcon:Embed(source='assets/images/RadioButton_selectedUpIcon.png');
	selectedOverIcon:Embed(source='assets/images/RadioButton_selectedDownIcon.png');
	selectedDownIcon:Embed(source='assets/images/RadioButton_selectedOverIcon.png');
	disabledIcon:Embed(source='assets/images/RadioButton_selectedDisabledIcon.png');
	selectedDisabledIcon:Embed(source='assets/images/RadioButton_disabledIcon.png');
	textRollOverColor:#dddddd;
	textSelectedColor:#aaaaaa; 
	color: #ffffff;
}
TextInput
{
	border-skin: Embed(source='assets/images/input_bg.png', scaleGridLeft=8, scaleGridRight=20, scaleGridTop=8,scaleGridBottom=9);
	padding-top:2;
	padding-left:2;
	font-size:11;
}
.editable
{
	font-weight:normal;
	color: #eeeeee;
	fillColors: #e5b421, #e5b421;
	fillAlphas: 1,1;
	border-color: #e5b421;
}
List
{
	background-color: #2b2a2a;
	border-color: #555555;
	rollOverColor:#444444;
	selectionColor: #e5b421;
	textRollOverColor:#ffffff;
}

/* ----------------------------------------------------------------- */

.loginFormLabel
{
	text-align: right;
}

.loginContent
{
	padding-top: 20;
	padding-left: 20;
	padding-right: 20;
	padding-bottom: 20;
	horizontal-center: 0;
	vertical-gap: 10;
}

.loginError
{
	border-sides: top;
	border-color: #555555;
	border-style: solid;
	padding-top: 8;
	color: #f5c52f;
}
Contacts
{
	padding-top: 40;
	padding-left: 40;
	padding-right: 40;
	padding-bottom: 40;
	horizontal-gap: 12;
}

ContactUI
{
	padding-top: 20;
	padding-bottom: 20;
}

.contactText
{
	leading: 7;
	letterSpacing: 1;
	fontFamily:"Century Gothic";
}


Admin
{
	padding-top: 40;
	padding-left: 40;
	padding-right: 40;
	padding-bottom: 40;
	horizontal-gap: 12;
}
.borderlessList
{
	border-style: none;
	rollOverColor:#333333;
	/* #2b2a2a; */
	selectionColor: #222222;
	textRollOverColor:#ffffff;
	textSelectedColor:#ffffff;
}

Users
{
	padding-top: 10;
	padding-left: 20;
	padding-right: 20;
	padding-bottom: 20;
}

@font-face {
    fontFamily:"Verdana";
    src: url("assets/fonts/verdana.TTF"); /* Embed from file */
}

@font-face {
    fontFamily:"Verdana";
    fontWeight: bold;
    src: url("assets/fonts/Verdana_Bold.TTF");
    advancedAntiAliasing: true;
}

@font-face {
    fontFamily:"Century Gothic";
    src: url("assets/fonts/GOTHIC.TTF"); /* Embed from file */
}